<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=gbk"/>
    <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    <title>Customize the Ribbon</title>
    <link rel="stylesheet" href="../style/default.css"/>
</head>

<body>
<div class="title">
    <h1>Customize the Ribbon</h1>
</div>
<div class="body">
    <p>
        A Ribbon is a graphical-rich command area at the top a window.
        It includes application menu, quick access bar, and toolbars.

    <div>
        <img src="image/ribbon.en.png" alt=""/>
    </div>
    </p>
    <p>
        Ribbon toolbars can be minimized.
        To minimize, double the toolbar's tab head, such as Home.
        The minimized effect is as follows:
    <div>
        <img src="image/ribbon_collapsed.png" alt=""/>
    </div>
    <p>
        After minimized, click the tab head will show the toolbar in floating mode.
        To restore docked state, double click the tab head again.</p>
    </p>
    <p>
        Buttons on the quick access bar can be added or removed.
    </p>

    <p>
        You can choose more commands in the drop-down menu on the right side of the toolbar.
    </p>

    <div>
        <img src="image/ribbon_qat_menu.png" alt=""/>
    </div>
    <p>
        As for commands not in the menu, they can be added to quick access bar as well;
        just right click on the command's function area,
        choose "Add to Quick Access Toolbar".

    <div>
        <img src="image/ribbon_qat_add.png" alt=""/>
    </div>
    </p>
    <p>
        When you want to delete a button on the quick access bar,
        right click on the button,
        choose "Remove from Quick Access Toolbar" from the the pop-up menu;
         <div>
        <img src="image/ribbon_qat_remove.png" alt=""/>
    </div>
    </p>

</div>
</body>
</html>
